/*背景*/
.m-body{
    background: url("../images/groud.jpg");
    background-size: 70% 200%;
    overflow: auto;

}

.m-padded-mini{
    padding: 0.2em !important;
}
.m-padded{
    padding: 1em !important;
}

.m-padded-tb-mini{
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
.m-padded-tb-tiny{
     padding-top: 0.3em !important;
     padding-bottom: 0.3em !important;
 }
.m-padded-tb-small{
      padding-top: 0.5em !important;
      padding-bottom: 0.5em !important;
  }
.m-padded-tb{
       padding-top: 1em !important;
       padding-bottom: 1em !important;
   }
.m-padded-tb-large{
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }
.m-padded-tb-big{
         padding-top: 3em !important;
         padding-bottom: 3em !important;
     }
.m-padded-tb-huge{
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}
.m-padded-tb-massive{
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}
.m-padded-lr{
    padding-left: 4em !important;
    padding-right: 4em !important;
}
/*字体大大小*/
.m-text-thin{
    font-weight:300 !important;
}
/*字间距*/
.m-text-spaced{
    letter-spacing: 1px !important;
}
/* 行间距*/
.m-text-lined{
    line-height: 1.8 !important;

}
/*外边距*/
.m-margin-tb-tiny{
    margin-top: 0.3em !important;
    margin-bottom: 0.4em !important;
    margin-left: 0.3em; !important;
    margin-right: 0.3em !important;
}
.m-margin-top-small{
    margin-top: 0.5em !important;
}
.m-margin-top{
    margin-top: 1em !important;
}
.m-margin-top-large{
    margin-top: 2em !important;
}
.m-margin-bottom-small{
    margin-bottom: 0.5em !important;
}
/*透明度*/
.m-opacity-mini{
    opacity: 0.8 !important;
}
.m-opacity-minim{
     opacity: 0.6 !important;
 }
/*显示的属性*/
.m-inline-block{
    display: inline-block !important;
}
.m-container{
    max-width: 72em !important;
    margin:auto !important;
}
.m-container-small{
    max-width: 60em !important;
    margin:auto !important;
}
/*阴影*/
.m-shadow-small{
    -webkit-box-shadow:  0 4px 8px   rgba(0,0,0,0.2) !important;
    box-shadow: 0 4px 8px   rgba(0,0,0,0.2) !important;
}

/*绝对定位*/
.m-fixed{
    position: fixed; !important;
    z-index: 1!important;
}
.m-right-bottom{
    right: 0 !important;
    bottom: 0 !important;
}
/*字体颜色*/
.m-black{
    color: #333 !important;
}
/*位置*/
.m-right-top{
    position: absolute;
    top: 0;
    right: 0;
}

/*移动端*/
.m-mobile-show{
    display: none !important;
}
@media screen and (max-width:768px){
    .m-mobile-hide{
        display: none !important;
    }
    .m-mobile-show{
        display: block !important;
    }
    .m-padded-lr{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-clear{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-wide{
       width: 100% !important;
    }
}
.m-login{
    background: url("../images/login.jfif");
    background-size: 70% 200%;
    overflow: auto;

}